<lv-group lvDirection="vertical" lvGutter="16px">
  <lv-group lvGutter="8px" style="align-items: flex-start">
    <lv-date-picker
      [(ngModel)]="date"
      [lvShowTodayButton]="false"
      lvInline="true"
      lvPickerMode="date"
      style="border: 1px solid #b8becc; width: 300px"
    ></lv-date-picker>
    <lv-date-picker
      [(ngModel)]="yearDate"
      lvInline="true"
      lvPickerMode="year"
      style="border: 1px solid #b8becc; width: 300px"
    ></lv-date-picker>
    <lv-date-picker
      [(ngModel)]="monthDate"
      lvInline="true"
      lvPickerMode="month"
      style="border: 1px solid #b8becc; width: 300px"
    ></lv-date-picker>
    <lv-date-picker
      [(ngModel)]="simpleModeDate"
      lvInline="true"
      lvPickerMode="simple"
      style="border: 1px solid #b8becc; width: 300px"
    ></lv-date-picker>
  </lv-group>
  <lv-date-range-picker
    style="border: 1px solid #b8becc;width: 368px"
    [(ngModel)]="rangeDate"
    lvInline="true"
    [lvShowTime]="false"
  ></lv-date-range-picker>
</lv-group>
